<!DOCTYPE html>
<html lang="ru">

<head>
  <meta charset="utf-8">
  <meta http-equiv="content-language" content="ru">
  <meta http-equiv="content-type" content="text/html; charset=utf-8">  
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="Обеспечение реализации полномочий Министерства строительства и территориального развития Мурманской области в сфере проектирования, строительства, реконструкции и капитального (текущего) ремонта объектов капитального строительства и жилищной сфере.">
  <meta name="keywords" content="Управление капитального строительства, МИНСТРОЙ МО, проектирование, строительство, реконструкция и капитальный ремонт, переселение из районов крайнего севера">
  <meta name="author" content="Олейник Анатолий Владимирович">
  <meta name="copyright" content="Все права принадлежат Олейник Анатолию Владимировичу. Использование любых материалов возможно только с разрешения автора и при указании источника https://www.uks51.ru">
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
  <meta http-equiv="Pragma" content="no-cache"/>
  <meta http-equiv="Expires" content="0"/>

  <link rel="icon" href="assets/images/favicons/51.png"> <!-- 32×32 -->
  <link rel="apple-touch-icon" href="images/favicons/apple.png">  <!-- 180×180 -->

  <title>ГОКУ "УКС"</title>

  <!-- Bootstrap core CSS -->
  
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.2/css/fontawesome.min.css">
  <link rel="stylesheet" href="https://unpkg.com/aos@2.3.1/dist/aos.css">

  <link href="vendor/bootstrap-5.0.2-dist/css/bootstrap.min.css" rel="stylesheet">

  <!-- Additional CSS Files -->
  <link rel="stylesheet" href="assets/css/fontawesome.css">
  <link rel="stylesheet" href="assets/css/owl.css">
  <link rel="stylesheet" href="assets/css/lightbox.css">
  <link rel="stylesheet" href="assets/css/styles.css">
  <link rel="stylesheet" href="assets/css/template-styles.css">
  <link rel="stylesheet" href="assets/css/menu-style.css">
  <link rel="stylesheet" href="assets/css/portfolio-style.css">
  <link rel="stylesheet" href="assets/css/footer-style.css">
  <link rel="stylesheet" href="assets/css/owl-styles.css">
  <link rel="stylesheet" href="assets/css/accordion-styles.css">
  <link rel="stylesheet" href="assets/css/contact-list-style11.css">
  <link rel="stylesheet" href="assets/css/navtabs-style.css">
  <link rel="stylesheet" href="assets/css/objects-style.css">

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

  <script src="assets/js/xlsx.full.min.js"></script>
  <script src="assets/js/jszip.min.js"></script>


  <!-- Yandex.Metrika counter -->
  <script type="text/javascript" >
    (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
    m[i].l=1*new Date();
    for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
    k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
    (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

    ym(97179840, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true
    });
  </script>
  <noscript><div><img src="https://mc.yandex.ru/watch/97179840" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
  <!-- /Yandex.Metrika counter -->


</head>



<body id="main">

  <!-- ***** Загрузка подзаголовка страницы ***** -->
  <div id="SUBHEADER"><script>$( "#SUBHEADER" ).load( "./includes/subheader.html" );</script></div>

  <!-- ***** Загрузка подзаголовка страницы ***** -->
  <div id="HEADER"><script>$( "#HEADER" ).load( "./includes/header.html" );</script></div>


  <!-- ***** Main Banner Area Start ***** -->
  <section id="home" class="main-banner" >
    <canvas id="animated-canvas" class="overlay"></canvas>
    <div class="header-text">
      <div class="header-content container">
        <div class="row">
          <div class="col-sm-12 col-md-7 col-lg-7 order-2 order-sm-2 order-md-1 order-lg-1">
            <div class="caption mb-3">
              <img src="assets/images/na-sever-stroit.png" alt="">
              <h6 class="rubik-mono one-regular">Основные цели деятельности Учреждения</h6>
              <p>Обеспечение реализации полномочий Министерства строительства и территориального развития Мурманской области в сфере проектирования, строительства, реконструкции и капитального (текущего) ремонта объектов капитального строительства и жилищной сфере.</p>
              <button type="button" class="btn btn-primary rounded-pill mt-4" data-bs-toggle="modal" data-bs-target="#feedback-modal">Оставить обращение</button>
            </div>
          </div>
          <div class="col-sm-12 col-md-5 col-lg-5 order-1 order-sm-1 order-md-2 order-lg-2">
            <img src="assets/images/zemla.png" alt="">
          </div>
          <div class="col-12 order-3 order-sm-3 order-md-3 order-lg-3 pb-5 mb-5">
            <div class="owl-service-item owl-carousel">
              <div class="item">
                <div class="icon"><img src="assets/images/service-icon-01.png" alt=""></div>
                <div class="down-content">
                  <h4>Направления деятельности</h4>
                  <p>Организация строительства, реконструкции и капитального ремонта объектов капитального строительства областной собственности.</p>
                </div>
              </div>
              <div class="item">
                <div class="icon"><img src="assets/images/service-icon-02.png" alt=""></div>
                <div class="down-content">
                  <h4>Результаты деятельности</h4>
                  <p>За более чем полувековое существование ГОКУ "УКС" в городах, районах и селах области построены и введены в эксплуатацию 1094 новых, не считая отремонтированных, объектов, выданы сертификаты на получения жилья.</p>
                </div>
              </div>
              <div class="item">
                <div class="icon"><img src="assets/images/service-icon-03.png" alt=""></div>
                <div class="down-content">
                  <h4>Перспективы развития</h4>
                  <p>В ближайшее время на территории Мурманской области планируется строительство 3 многоэтажных жилых домов реконструкция более 10 медучреждений.</p>
                </div>
              </div>
            </div>
          </div>          
        </div>
      </div>
    </div>
  </section>
  <!-- ***** Main Banner Area End ***** -->

  <section id="about" class="about-section">
    <div class="container-fluid" style="background-color:  rgba(34, 44, 49, 0.507); padding-top: 50px; padding-bottom: 110px;">
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="section-heading">
              <h2>Об учреждении</h2>
            </div>
          </div>
          <div class="col-lg-4">
            <div class="nav flex-column nav-pills me-3" role="tablist" aria-orientation="vertical">
              <button id="v-pills-history-tab" class="list-group-item nav-link  h5 text-muted active" data-bs-toggle="pill" data-bs-target="#v-pills-history" type="button" role="tab" aria-controls="v-pills-history" aria-selected="true">История учреждения</button>
              <button id="v-pills-documents-tab" class="list-group-item nav-link h5 text-muted" data-bs-toggle="pill" data-bs-target="#v-pills-documents" type="button" role="tab" aria-controls="v-pills-documents" aria-selected="false">Открытая информация</button>
              <button id="v-pills-objects-tab" class="list-group-item nav-link h5 text-muted" data-bs-toggle="pill" data-bs-target="#v-pills-objects" type="button" role="tab" aria-controls="v-pills-objects" aria-selected="false">Объекты строительства</button>
              <button id="v-pills-migration-tab" class="list-group-item nav-link h5 text-muted" data-bs-toggle="pill" data-bs-target="#v-pills-migration" type="button" role="tab" aria-controls="v-pills-migration" aria-selected="false">Государственная услуга</button>
              <button id="v-pills-anticorruption-tab" class="list-group-item nav-link h5 text-muted" data-bs-toggle="pill" data-bs-target="#v-pills-anticorruption" type="button" role="tab" aria-controls="v-pills-anticorruption" aria-selected="false">Противодействие коррупции</button>
            </div>
          </div>
          <div class="col-lg-8">
            <div id="about-tab-content" class="tab-content">
              <div class="tab-pane fade active show" id="v-pills-history" role="tabpanel" aria-labelledby="v-pills-history-tab">
                <div id="ABOUT-HISTORY-CONTENT"><script>$( "#ABOUT-HISTORY-CONTENT" ).load( "./includes/contents/about-history.html" );</script></div>
              </div>
              <div class="tab-pane fade" id="v-pills-documents" role="tabpanel" aria-labelledby="v-pills-documents-tab">
                <div id="ABOUT-OPENDOCUMENTS-CONTENT"><script>$( "#ABOUT-OPENDOCUMENTS-CONTENT" ).load( "./includes/contents/about-opendocuments.html" );</script></div>
              </div>
              <div class="tab-pane fade" id="v-pills-objects" role="tabpanel" aria-labelledby="v-pills-objects-tab">
                <div id="ABOUT-OBJECTS-CONTENT" class="objects-content bg-transparent"><script>$( "#ABOUT-OBJECTS-CONTENT" ).load( "./includes/contents/about-objects.html" );</script></div>
              </div>
              <div class="tab-pane fade" id="v-pills-migration" role="tabpanel" aria-labelledby="v-pills-migration-tab">
                <div id="ABOUT-MIGRATION-CONTENT"><script>$( "#ABOUT-MIGRATION-CONTENT" ).load( "./includes/contents/about-migration.html" );</script></div>
              </div>
              <div class="tab-pane fade" id="v-pills-anticorruption" role="tabpanel" aria-labelledby="v-pills-anticorruption-tab">
                <div id="ABOUT-ANTICORRUPTION-CONTENT"><script>$( "#ABOUT-ANTICORRUPTION-CONTENT" ).load( "./includes/contents/about-anticorruption.html" );</script></div>
              </div>            
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section id="owl-partners" class="owl-partners">
    <div class="container-fluid" style="background-color: transparent;">
      <div class="row">
        <div class="col-lg-12">
          <div class="owl-partners-item owl-carousel">
            <div class="item"><a data-bs-toggle="modal" data-bs-target="#partner-info-modal"><img src="assets/images/logo/atlant-banner.png"></img></a></div>
            <div class="item"><a data-bs-toggle="modal" data-bs-target="#partner-info-modal"><img src="assets/images/logo/beldom-banner.png"></img></a></div>
            <div class="item"><a data-bs-toggle="modal" data-bs-target="#partner-info-modal"><img src="assets/images/logo/genezis-banner.png"></img></a></div>
            <div class="item"><a data-bs-toggle="modal" data-bs-target="#partner-info-modal"><img src="assets/images/logo/mnk-banner.png"></img></a></div>
            <div class="item"><a data-bs-toggle="modal" data-bs-target="#partner-info-modal"><img src="assets/images/logo/moesk51-banner.png"></img></a></div>
            <div class="item"><a data-bs-toggle="modal" data-bs-target="#partner-info-modal"><img src="assets/images/logo/souzproekt-banner.png"></img></a></div>
            <div class="item"><a data-bs-toggle="modal" data-bs-target="#partner-info-modal"><img src="assets/images/logo/aksay-banner.png"></img></a></div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section id="results" class="results-section">
    <div class="container-fluid" style="background-color: rgba(31,39,43,0.55); padding-top: 50px; padding-bottom: 110px;">
      <div class="container">
        <div class="col-lg-12">
          <div class="section-heading">
            <h2>Результаты деятельности</h2>
          </div>
        </div>

        <div class="row our-facts">
          <div class="col-12 col-md-3">
            <div class="count-area-content">
              <div class="count-digit">94</div>
              <div class="count-title">Построено<br>объектов</div>
            </div>
          </div>
          <div class="col-12 col-md-3">
            <div class="count-area-content">
              <div class="count-digit">4</div>
              <div class="count-title">Реконструировано<br>объектов</div>
            </div>
          </div>
          <div class="col-12 col-md-3">
            <div class="count-area-content">
              <div class="count-digit">10</div>
              <div class="count-title">Новых<br>объектов</div>
            </div>
          </div>
          <div class="col-12 col-md-3">
            <div class="count-area-content">
              <div class="count-digit">10</div>
              <div class="count-title">Выдано<br>сертификатов</div>
            </div>
          </div>
        </div>

        <div class="portfolio row pt-3 ">
          <div class="col-lg-12">
            <div class="filters">
              <ul>
                <li data-filter="*" class="active">Все объекты</li>
                <li data-filter=".home">Жилые дома</li>
                <li data-filter=".medical">Mедучреждения</li>
                <li data-filter=".education">Образовательные учреждения</li>
                <li data-filter=".sport">Культура и спорт</li>
              </ul>
            </div>
          </div>
          <div class="col-lg-12">
            <div class="portfolio row grid">
              <div class="col-lg-3 templatemo-item-col all medical">
                <div class="portfolio-wrap">
                  <img src="assets/images/objects/img-002.jpg" class="img-fluid" alt="">
                  <div class="portfolio-info">
                    <h4>Филармония</h4>
                    <p>Реконструкция здания филармонии</p>
                  </div>
                </div>
              </div>
              <div class="col-lg-3 templatemo-item-col all sport medical">
                <div class="portfolio-wrap">
                  <img src="assets/images/objects/img-003.jpg" class="img-fluid" alt="">
                  <div class="portfolio-info">
                    <h4>Филармония</h4>
                    <p>Реконструкция здания филармонии</p>
                  </div>
                </div>
              </div>
              <div class="col-lg-3 templatemo-item-col all home">
                <div class="portfolio-wrap">
                  <img src="assets/images/objects/img-004.jpg" class="img-fluid" alt="">
                  <div class="portfolio-info">
                    <h4>Филармония</h4>
                    <p>Реконструкция здания филармонии</p>
                  </div>
                </div>
              </div>
              <div class="col-lg-3 templatemo-item-col all medical">
                <div class="portfolio-wrap">
                  <img src="assets/images/objects/img-005.jpg" class="img-fluid" alt="">
                  <div class="portfolio-info">
                    <h4>Филармония</h4>
                    <p>Реконструкция здания филармонии</p>
                  </div>
                </div>                
              </div>
              <div class="col-lg-3 templatemo-item-col all home">
                <div class="portfolio-wrap">
                  <img src="assets/images/objects/img-006.jpg" class="img-fluid" alt="">
                  <div class="portfolio-info">
                    <h4>Филармония</h4>
                    <p>Реконструкция здания филармонии</p>
                  </div>
                </div> 
              </div>
              <div class="col-lg-3 templatemo-item-col all sport education">
                <div class="portfolio-wrap">
                  <img src="assets/images/objects/img-007.jpg" class="img-fluid" alt="">
                  <div class="portfolio-info">
                    <h4>Филармония</h4>
                    <p>Реконструкция здания филармонии</p>
                  </div>
                </div> 
              </div>
              <div class="col-lg-3 templatemo-item-col all sport home">
                <div class="portfolio-wrap">
                  <img src="assets/images/objects/img-008.jpg" class="img-fluid" alt="">
                  <div class="portfolio-info">
                    <h4>Филармония</h4>
                    <p>Реконструкция здания филармонии</p>
                  </div>
                </div> 
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section id="owl-objects" class="owl-objects">
    <div class="container-fluid" style="background-color: transparent;">
      <div class="row">
        <div class="col-lg-12">
          <div class="owl-objects-item owl-carousel">
            <div class="item"><img src="assets/images/objects/thumbs/thumb_020.jpg"></img></div>
            <div class="item"><img src="assets/images/objects/thumbs/thumb_019.jpg"></img></div>
            <div class="item"><img src="assets/images/objects/thumbs/thumb_018.jpg"></img></div>
            <div class="item"><img src="assets/images/objects/thumbs/thumb_017.jpg"></img></div>
            <div class="item"><img src="assets/images/objects/thumbs/thumb_016.jpg"></img></div>
            <div class="item"><img src="assets/images/objects/thumbs/thumb_015.jpg"></img></div>
            <div class="item"><img src="assets/images/objects/thumbs/thumb_014.jpg"></img></div>
            <div class="item"><img src="assets/images/objects/thumbs/thumb_013.jpg"></img></div>
            <div class="item"><img src="assets/images/objects/thumbs/thumb_012.jpg"></img></div>
            <div class="item"><img src="assets/images/objects/thumbs/thumb_011.jpg"></img></div>
            <div class="item"><img src="assets/images/objects/thumbs/thumb_010.jpg"></img></div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="our-courses p-0 m-0" id="courses">
    <iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3A375617e680c1475b10c361ee518e5c87514716b4098a9c9cf0b93069d8f81442&amp;source=constructor" width="100%" height="300" frameborder="0"></iframe>
  </section>

  <section id="owl-sites" class="owl-sites">
    <div class="container-fluid" style="background-color: transparent;">
      <div class="row">
        <div class="col-lg-12">
          <div class="owl-sites-item owl-carousel">
            <div class="item"><a href="https://www.minstroyrf.gov.ru" target="_blank"><img src="assets/images/banner/minstroy-gov.png"></img></a></div>
            <div class="item"><a href="https://minstroy.gov-murman.ru" target="_blank"><img src="assets/images/banner/minstroy-murman.png"></img></a></div>
            <div class="item"><a href="https://gge.ru" target="_blank"><img src="assets/images/banner/gge.png"></img></a></div>
            <div class="item"><a href="https://gov-murman.ru/" target="_blank"><img src="assets/images/banner/gov-murman.png"></img></a></div>
            <div class="item"><a href="https://www.gosuslugi.ru" target="_blank"><img src="assets/images/banner/gosuslugi.png"></img></a></div>
            <div class="item"><a href="https://roskapstroy.ru" target="_blank"><img src="assets/images/banner/roskapstroy.png"></img></a></div>
            <div class="item"><a href="https://roskazna.gov.ru" target="_blank"><img src="assets/images/banner/roskazna.png"></img></a></div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ***** Загрузка подзаголовка страницы ***** -->
  <div id="FOOTER"><script>$("#FOOTER").load( "./includes/footer.html" );</script></div>

  <section id="DIALOG-SECTION">
    <div id="FEEDBACK"><script>$("#FEEDBACK").load("./includes/dialog/feedback.html");</script></div>
    <div id="CONTACTS"><script>$("#CONTACTS").load("./includes/dialog/contacts.html");</script></div>
    <div id="CONTACTS-TABLE"><script>$("#CONTACTS-TABLE").load("./includes/dialog/contacts-table.html");</script></div>
    <div id="PRIVACY"><script>$("#PRIVACY").load("./includes/dialog/privacy.html");</script></div>
    <div id="RULES"><script>$("#RULES").load("./includes/dialog/rules.html");</script></div>
    <div id="OBJECT-INFO"><script>$("#OBJECT-INFO").load("./includes/dialog/object-info.html");</script></div>
    <div id="VIEWER-MODAL"><script>$("#VIEWER-MODAL").load("./includes/dialog/viewer.html");</script></div>
    <div id="PARTNER-INFO"><script>$("#PARTNER-INFO").load("./includes/dialog/partner-info.html");</script></div>
  </section>


  <!-- Scripts -->
  <!-- Bootstrap core JavaScript -->

  <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
  <script src="vendor/jquery/jquery.min.js"></script>
  <script src="vendor/bootstrap-5.0.2-dist/js/bootstrap.bundle.min.js"></script>

  <script src="assets/js/isotope.min.js"></script>
  <script src="assets/js/owl-carousel.js"></script>
  <script src="assets/js/lightbox.js"></script>
  <script src="assets/js/slick-slider.js"></script>
  <script src="assets/js/custom.js"></script>
  <script src="assets/js/EasePack.min.js"></script>
  <script src="assets/js/TweenLite.min.js"></script>
  <script src="assets/js/animated-background.js"></script>


  <script>


    //according to loftblog tut
    $('.nav li:first').addClass('active');

    var showSection = function showSection(section, isAnimate) {
      var
        direction = section.replace(/#/, ''),
        reqSection = $('.section').filter('[data-section="' + direction + '"]'),
        reqSectionPos = reqSection.offset().top - 0;

      if (isAnimate) {
        $('body, html').animate({
          scrollTop: reqSectionPos
        },
          800);
      } else {
        $('body, html').scrollTop(reqSectionPos);
      }

    };

    var checkSection = function checkSection() {
      $('.section').each(function () {
        var
          $this = $(this),
          topEdge = $this.offset().top - 80,
          bottomEdge = topEdge + $this.height(),
          wScroll = $(window).scrollTop();
        if (topEdge < wScroll && bottomEdge > wScroll) {
          var
            currentId = $this.data('section'),
            reqLink = $('a').filter('[href*=\\#' + currentId + ']');
          reqLink.closest('li').addClass('active').
            siblings().removeClass('active');
        }
      });
    };

    $('.main-menu, .responsive-menu, .scroll-to-section').on('click', 'a', function (e) {
      e.preventDefault();
      showSection($(this).attr('href'), true);
    });

    $(window).scroll(function () {
      checkSection();
    });

    const viewer = document.getElementById('viewer-modal');
    if (viewer) {
        viewer.addEventListener('show.bs.modal', event => {
        viewer.querySelector('.modal-body embed').setAttribute("src", event.relatedTarget.getAttribute('data-bs-whatever'));
      })
    }

    const audio_scroll = new Audio("./audio/whoosh-grainy_g1lnqyn_.mp3");
    const audio_button = new Audio("./audio/negromkiy-korotkiy-klik.mp3");
    
    const buttons = document.querySelectorAll(".nav .nav-link");

    buttons.forEach(button => {
      button.addEventListener("click", () => {
        audio_button.play();
      });
    });

    const pills_tab = document.querySelectorAll('button[data-bs-toggle="pill"]')
    pills_tab.forEach(tab => {
      tab.addEventListener("shown.bs.tab", (event) => {
        if ($(window).width() < 977) document.location = "#about-tab-content";
      });
    });

  </script>
</body>

</body>

</html>